import Vue from 'vue'
import App from './App'
import router from './router'

import 'element-ui/lib/theme-chalk/index.css' 

import { Button,container,aside,menu,submenu,main,header,dropdown,table,tableColumn,menuItemGroup
,menuItem,dropdownMenu,dropdownItem,upload,tabs,tabPane,backtop,pageHeader,
form,formItem,input,pagination,tag,dialog,timeline,timelineItem,radioGroup
,radio,radioButton,row,col,Message,divider,popover } from 'element-ui'

Vue.use(Button).use(container).use(aside).use(menu).use(submenu).use(main)
.use(header).use(dropdown).use(table).use(tableColumn).use(menuItemGroup)
.use(menuItem).use(dropdownMenu).use(dropdownItem).use(upload).use(tabs)
.use(tabPane).use(backtop).use(pageHeader).use(form).use(formItem).use(input)
.use(pagination).use(tag).use(dialog).use(timeline).use(timelineItem).use(radioGroup)
.use(radio).use(radioButton).use(row).use(col).use(divider).use(popover)

Vue.component(Message.name, Message)
Vue.prototype.$message = Message
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
